/* font-size */
$font-family-base:  "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","simhei",Arial,sans-serif;
$fs-small:      10px;
$fs-base:       12px;
$fs-medium:     15px;
$fs-large:      17px;
$fs-xlarge:     22px;


/* color */
$base-green:    #72b32c;
$base-dark:     #333;
$base-grey:     #969696;
$base-orange:   #F87649;
$text-orange:   #fb7d02;
$text-red:      #ec3131;
$border-grey:   #ecebeb;

//distance
$gap: 0.15rem;

//distance
$gap: 0.15rem;

%ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

%display-flex{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}


@mixin _position($position, $args) {
  @each $o in top right bottom left {
    $i: index($args, $o);

    @if $i and ($i + 1) <= length($args) {
      #{$o}: nth($args, $i + 1);
    }
  }

  position: $position;
}

@mixin absolute($args) {
  @include _position(absolute, $args);
}

@mixin fixed($args) {
  @include _position(fixed, $args);
}

@mixin relative($args) {
  @include _position(relative, $args);
}
